<div style="position: absolute;top: 120px; left: 450px">
    <font style="font-size: 25px ;color: #e8198b">销售单月度报表：</font>&nbsp;&nbsp;
    日期范围：<input type="text" class="su" id="timeRange">
    <input type="button" readonly="true" value="查询" onclick="getMonthSoMain()" style="background-color: #1E9FFF">
    月销售单数：<span id="total"></span>&nbsp;&nbsp;&nbsp;已了结单数：<span id="overCount"></span>&nbsp;&nbsp;销售总金额：<span id="allPrice"></span> 已收款总金额:<span id="overPrice"></span>

</div>


<br>
<table class="altrowstable">
    <tr>
        <td>编号</td>
        <td>销售单编号</td>
        <td>创建时间</td>
        <td>客户名称</td>
        <td>创建用户</td>
        <td>销售单总价格</td>
        <td>付款方式</td>
        <td>处理状态</td>
    </tr>
    <tbody id="sellFormSoMainBody">

    </tbody>
    <div  style="position: absolute; margin-top: 0px;padding-left: 700px">
        <ul id="page">分页</ul>
    </div>
</table>


<script type="text/html" id="sellFormSoMainTemplate">
    {{each data}}
    <tr>
        <td>{{$index+1}}</td>
        <td>{{$value.soID}}</td>
        <td>{{$value.createTime}}</td>
        <td>{{$value.customerCode}}</td>
        <td>{{$value.account}}</td>
        <td>{{$value.poTotal}}</td>
        <td>{{$value.payType}}</td>
        <td>{{$value.status}}</td>
    </tr>
    {{/each}}
</script>
<script>
    laydate.render({
        elem: '#timeRange'
        ,type: 'month'
    });


    function getMonthSoMain(){
        showPage3({
            currentPage: 1,
            pageSize: 3,
            url: '/getMonthSoMain',
            templateId: 'sellFormSoMainTemplate',
            contentId: 'sellFormSoMainBody',
            params:{
                date:$('#timeRange').val()
            }
        })
    }

</script>